<template>
    
        <div class="fen-item">
            <img :src="src" alt="">
            <span>
                <slot name="fen"></slot>
            </span>
        </div>
    
</template>

<script>
export default {
    props: ['src']
}
</script>

<style lang="scss" scoped>
.fen-item {
        flex: 1;
        height: 100%;
        margin: 0 20px;
        border-radius: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        img{
        margin: 20px;
         flex: 1;
          width: 50%;
          height: 50%;
        }
        span{
            flex: 1;
            font-size: 12px;
        }
    }
</style>
